import {
  defineConfig,
  presetUno,
  presetAttributify,
  transformerDirectives,
} from "unocss";

export default defineConfig({
  presets: [presetUno(), presetAttributify()],
  transformers: [transformerDirectives()],
  theme: {
    colors: {
      primary: {
        DEFAULT: "var(--primary-color)",
        hover: "var(--primary-color-hover)",
      },
      secondary: "var(--secondary-color)",
      accent: "var(--accent-color)",
      bg: {
        primary: "var(--bg-primary)",
        secondary: "var(--bg-secondary)",
      },
      text: {
        primary: "var(--text-primary)",
        secondary: "var(--text-secondary)",
      },
    },
  },
  shortcuts: {
    "flex-center": "flex items-center justify-center",
    "flex-between": "flex items-center justify-between",
    btn: "px-4 py-2 rounded cursor-pointer transition-all duration-300",
    "btn-primary": "btn bg-primary text-white hover:bg-primary-hover",
    card: "bg-bg-secondary rounded-lg shadow-md p-4 transition-all duration-300",
  },
});
